<template>
  <div class="flow-row">
    <div class="flow-box">
      <div class="flow-item">
        <div class="node-name" :class="nameClass(node, 'node-temmi')">
          分隔
          <div v-if="!readable" class="close-icon">
            <el-icon>
              <CircleClose/>
            </el-icon>
          </div>
        </div>
      </div>
      <FlowAddNode :node="node" @update:node="node = $event" :nodeType="7" :readable="readable"/>
    </div>
  </div>
</template>
<script setup name="FlowDivideNode">
import {flowMixin} from '../../../mixins/flowMixin';
import FlowAddNode from '../flowAddNode.vue';
import {reactive, ref, createApp,   computed, onMounted, toRefs} from "vue";

const props = defineProps({
  node: {
    type: Object,
    default: function () {
      return {};
    },
  },
  readable: {
    type: Boolean,
    default: false,
  },
})
</script>
